<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">

<title>欢迎使用图书管理系统</title>

<!-- Font Awesome Icons -->
<link
	href="http://47.102.206.104/origin/web/vendor/fontawesome-free/css/all.min.css"
	rel="stylesheet" type="text/css">

<!-- Google Fonts -->
<link
	href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700"
	rel="stylesheet">
<link
	href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic'
	rel='stylesheet' type='text/css'>

<!-- Plugin CSS -->
<link
	href="http://47.102.206.104/origin/web/vendor/magnific-popup/magnific-popup.css"
	rel="stylesheet">

<!-- Theme CSS - Includes Bootstrap -->
<link href="http://47.102.206.104/origin/web/css/creative.min.css"
	rel="stylesheet">

</head>

<body id="page-top">

	<!-- Navigation -->
	<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3"
		id="mainNav">
		<div class="container">
			<a class="navbar-brand js-scroll-trigger" href="#page-top">图书管理系统</a>
			<button class="navbar-toggler navbar-toggler-right" type="button"
				data-toggle="collapse" data-target="#navbarResponsive"
				aria-controls="navbarResponsive" aria-expanded="false"
				aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="collapse navbar-collapse" id="navbarResponsive">
				<ul class="navbar-nav ml-auto my-2 my-lg-0">
					<li class="nav-item"><a class="nav-link js-scroll-trigger"
						href="#about">关于</a></li>
					<li class="nav-item"><a class="nav-link js-scroll-trigger"
						href="#services">功能简介</a></li>

					<li class="nav-item"><a class="nav-link js-scroll-trigger"
						href="#contact">联系我</a></li>
				</ul>
			</div>
		</div>
	</nav>

	<!-- Masthead -->
	<header class="masthead">
		<div class="container h-100">
			<div
				class="row h-100 align-items-center justify-content-center text-center">
				<div class="col-lg-10 align-self-end">
					<h1 class="text-uppercase text-white font-weight-bold">欢迎使用图书管理系统</h1>
					<hr class="divider my-4">
				</div>
				<div class="col-lg-8 align-self-baseline">
					<p class="text-white-75 font-weight-light mb-5">该系统采用spring
						boot + mybatis搭建</p>
					<a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">下一页</a>
					<a class="btn btn-primary btn-xl js-scroll-trigger"
						href="/user/signin">登陆系统</a>
				</div>
			</div>
		</div>
	</header>

	<!-- About Section -->
	<section class="page-section bg-primary" id="about">
		<div class="container">
			<div class="row justify-content-center">
				<div class="col-lg-8 text-center">
					<h2 class="text-white mt-0">盐城师范学院</h2>
					<hr class="divider light my-4">
					<p class="text-white-50 mb-4">软件178 17263829 赵宜珺</p>
					<a class="btn btn-light btn-xl js-scroll-trigger" href="#services">下一页</a>
				</div>
			</div>
		</div>
	</section>

	<!-- Services Section -->
	<section class="page-section" id="services">
		<div class="container">
			<h2 class="text-center mt-0">主要功能</h2>
			<hr class="divider my-4">
			<div class="row">
				<div class="col-lg-3 col-md-6 text-center">
					<div class="mt-5">
						<i class="fas fa-4x fa-gem text-primary mb-4"></i>
						<h3 class="h4 mb-2">管理员登陆</h3>
						<p class="text-muted mb-0">用于管理员登陆系统</p>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 text-center">
					<div class="mt-5">
						<i class="fas fa-4x fa-laptop-code text-primary mb-4"></i>
						<h3 class="h4 mb-2">图书录入</h3>
						<p class="text-muted mb-0">录入图书信息</p>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 text-center">
					<div class="mt-5">
						<i class="fas fa-4x fa-globe text-primary mb-4"></i>
						<h3 class="h4 mb-2">元数据管理</h3>
						<p class="text-muted mb-0">查看修改图书信息</p>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 text-center">
					<div class="mt-5">
						<i class="fas fa-4x fa-heart text-primary mb-4"></i>
						<h3 class="h4 mb-2">图书借阅</h3>
						<p class="text-muted mb-0">图书的借阅</p>
					</div>
				</div>
			</div>
		</div>
	</section>

	<!-- Contact Section -->
	<section class="page-section bg-dark text-white" id="contact">
		<div class="container">
			<div class="row justify-content-center">
				<div class="col-lg-8 text-center">
					<h2 class="mt-0">联系我</h2>
					<hr class="divider my-4">

				</div>
			</div>
			<div class="row">
				<div class="col-lg-4 ml-auto text-center mb-5 mb-lg-0">
					<i class="fas fa-phone fa-3x mb-3 text-muted"></i>
					<div>17715939829</div>
				</div>
				<div class="col-lg-4 mr-auto text-center">
					<i class="fas fa-envelope fa-3x mb-3 text-muted"></i>
					<!-- Make sure to change the email address in anchor text AND the link below! -->
					<a class="d-block" href="mailto:1527215026@qq.com">1527215026@qq.com</a>
					<a target="_blank"
						href="http://wpa.qq.com/msgrd?v=3&uin=1527215026&site=qq&menu=yes"><img
						border="0" src="http://wpa.qq.com/pa?p=2:1527215026:51" alt="联系我"
						title="联系我" /></a>
				</div>
			</div>
		</div>
	</section>

	<!-- Footer -->
	<footer class="bg-light py-5">
		<div class="container">
			<div class="small text-center text-muted"><a href="http://www.beian.miit.gov.cn">C苏ICP备19062236号</a></div>
		</div>
	</footer>

	<!-- Bootstrap core JavaScript -->
	<script
		src="http://47.102.206.104/origin/web/vendor/jquery/jquery.min.js"></script>
	<script
		src="http://47.102.206.104/origin/web/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

	<!-- Plugin JavaScript -->
	<script
		src="http://47.102.206.104/origin/web/vendor/jquery-easing/jquery.easing.min.js"></script>
	<script
		src="http://47.102.206.104/origin/web/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>

	<!-- Custom scripts for this template -->
	<script src="http://47.102.206.104/origin/web/js/creative.min.js"></script>

</body>

</html>
